<!--
 * @Author: Wangtao
 * @Date: 2022-04-15 09:56:30
 * @LastEditors: Wangtao
 * @LastEditTime: 2022-04-27 17:30:02
-->
<template>
  <detail-box>
    <template slot="left">
      <ChatInfo
        :infoType="'result'"
        :sessionId="sessionId"
        :visitorId="visitorId"
        :scoringId="scoringId"
      />
    </template>
    <template slot="right">
      <ScoreDetail
        :resultsData="resultsData"
        :modelsList="modelsList"
        ref="scoreDetail"
      />
    </template>
  </detail-box>
</template>
<script lang="ts">
import { Component, Vue, Prop, Ref } from 'vue-property-decorator'
import ChatInfo from './components/chatInfo.vue'
import ScoreDetail from './components/scoreDetail.vue'
import detailBox from '@/views/qualityCheck/score/components/detail-box.vue'
@Component({
  name: 'resultDetail',
  components: {
    ChatInfo,
    ScoreDetail,
    detailBox
  }
})
export default class ResultDetail extends Vue {
  [x: string]: any
  @Ref() private scoreDetail

  @Prop() private resultsData

  @Prop({ default: '' }) public sessionId!: string; // 会话ID

  @Prop({ default: '' }) public visitorId!: string; // 会话ID

  @Prop({ default: '' }) public scoringId!: string; // 评分ID

  @Prop({ default: [] }) public modelsList!: any; // 评分ID

  public init () {
    this.$nextTick(() => {
      this.scoreDetail.initData()
    })
  }
}
</script>
<style lang="stylus" scoped>
.reslut-detail
  display flex
</style>
